收藏!18个设计师常用的色彩与配色网站
点击上方蓝字,把我设置为星标☆吧
色彩,这是一种多么深刻而神秘的语言啊!的确,不同的色调能够调动不同的情绪和反映,能够影响用户对于品牌的感知。简单说来,色彩可以造就不同的设计。
颜色的种类非常多,不同的颜色会给人不同的视觉感受,对于设计师或画家来说如何配好色却是一大难题。一个设计师或画家,用不好颜色搭配,就好像一个厨师没有味觉。色彩可以成就设计,也可以毁掉设计。
今天收集并整理了18个色彩网站,希望对大家有所帮助。
#01
NIPPON COLORS - 日本の传统色
https://nipponcolors.com
日本传统色,每个颜色都赋有色值跟色彩的名字,点击名字可以查看对应颜色的CMYK&RGB的值。
#02
Muzli Colors
https://colors.muz.li
可以在线编辑多种配色方案,并且可以上传自己喜欢的作品或图片查看配色方案,还可以查看色彩在设计作品中的应用,比如logo设计等。
#03
Happy Hues
https://www.happyhues.co
Happy Hues是一个调色板灵感网站,它是有关如何在设计项目中使用颜色的真实示例。可以点击色值并复制使用。可以学习颜色的术语还有色彩心理学。
#04
Eva Design System
https://colors.eva.design
这是一个深度学习颜色的网站,选择一个主色,系统会自动生成一个配色方案,比较适用于给产品设计或品牌设计配色。
#05
WebGradients
https://webgradients.com
WebGradients有180个线性渐变配色方案,您可以将其用作网站任何部分的内容背景。轻松复制色值使用,每个渐变色方案都准备了PNG格式的图片可供下载。
#06
BrandColors
https://brandcolors.net
这个网站搜集了周围大量的官方品牌颜色代码,点击颜色可以复制色值。
#07
HTML
https://htmlcolorcodes.com
使用html的拾色器可以找到完美的色彩,并发现好看的配色方案;输入十六进制颜色代码,RGB和HSL值,并生成HTML,CSS和SCSS样式。可以轻松查找网站的HTML颜色代码。
#08
LOL Colors
www.webdesignrankings.com/resources/lolcolors
LOL Colors的配色方案大多是比较明快清新的色调,鼠标放到颜色上即显示色值,并且可以复制色值,方便大家使用与收藏。
#09
Trianglify.io
https://trianglify.io
trianglify.io 是一个多边形模式生成器,可以调整多边形的大小及图案的强度,可以选择色彩方案也可以自定义色彩方案,生成的色彩图案可以下载下来使用。
#10
Schem Color
https://www.schemecolor.com
schemecolor 网站提供很多主题配色方案,如:圣诞节、新年,可以搜索配色方案,点击颜色可以看到色值并可以下载使用。网站还提供了图片配色方案参考。
#11
SVG Colorizer
www.iconshock.com/svg-color
SVG着色器,自动为SVG图标和SVG矢量着色,有多种图标可以选择。
#12
Duotones
https://duotones.co
上传图片,可以生成双色调效果,效果不满意还可以调整对比度跟亮度,生成的图片可以下载和复制色值。
#13
CoolHue 2.0
https://webkul.github.io/coolhue/sketch-plugin
Swatch是一款免费的渐变配色插件和收集工具。可下载使用。
#14
GRADIENT BUTTONS
https://gradientbuttons.colorion.co
渐变色按钮,鼠标移动可查看悬停的动画效果,一键复制 css代码
#15
Paletton
http://paletton.com/#uid=1000u0kllllaFw0g0qFqFg0w0aF
Paletton 是一个在线的色环配色工具。可以选择单色、相近色、对比色等查看配色方案,还可以实时查看其在网页中的搭配效果。
#16
Duo
http://paletton.com/#uid=1000u0kllllaFw0g0qFqFg0w0aF
各种背景色与文字颜色的组合。
#17
Adobe Color
https://color.adobe.com/zh/create/color-wheel
Adobe Color通过拖动色轮或输入自定义色值取色,有多种配色规则可以选择,如:相似、互补、三原色等。除此之外,还可以对RGB进行配色调整,可复制色值。
#18
Pigment
https://pigment.shapefactory.co
双色配色方案参考,可以通过饱和度、色温来调整色彩,移动鼠标到对应的颜色上,还能看到同色系配色方案。
希望收集整理的这些配色网站
对大家有所帮助
不妨收藏起来
▽